@CHARSET "UTF-8";
/*-------------------------------
주    제 : Transform rotate
작성일자 : 2014. 10.29
작 성 자 : It - universe
------------------------------- */
#div1, #div2{
	border : 2px solid #aaaaaa;
	/* 1. 라운드 처리 */
	border-top-right-radius : 30px;
	border-top-left-radius : 30px;
	border-bottom-right-radius : 30px;
	border-bottom-left-radius : 30px;
	/* 2. 넓이와 높이 */
	width : 300px;
	height : 100px;	
	/* 왼쪽여백 */
	margin-left: 20px;
	
} 
#div1{
	background-color: red;
}

#div2 {/* 3. 두번째 div2에 상단 여백(margin)을 적당히 준다. */
	margin-top: 100px;
	background-color: blue;
	transform : rotate(45deg);
}